<template>
	<view class="box" data-theme="dark" @click="change">
		<p style="color:var(--uni-color-title)">12345678</p>
		<p style="color:var(--uni-color-subtitle)">789456132</p>
		<p style="color:var(--uni-color-paragraph)">hahahha</p>
		<p style="color:var(--uni-color-primary)">741825963</p>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				name:'456'
			}
		},
		methods:{
			change(){
				this.$emit('change')
			}
		}
	}
</script>

<style scoped lang="scss">
	.box{
		width: 200px;
		height: 200px;
		background-color: var(--uni-bg-color);
		border:1px solid;
		border-color: var(--uni-border-color);
		color:var(--uni-color-title)
	}
</style>